html,
body {
  height: 100%;
}
*{
  margin:0;
  padding:0;
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","Helvetica Neue",Helvetica,"PingFang SC","Segoe UI",Roboto,"Hiragino Sans GB",'arial','microsoft yahei ui',"Microsoft YaHei",SimSun,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  font-size: 16px;
  font-weight: 400;
  overflow-x: auto;
  overflow-y: auto;
}

ul,ol {
  list-style:none;
}
a {
  text-decoration: none;

}

.container {
  width: 100%;
  height: 100%;
  .treeview {
    position: fixed;
    top: 60px;
    left: 0;
    z-index:900;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 100px;
    background-color: #fff;

    ul {
      width: 1200px;
      height: 66px;
      margin: 0 auto;
      padding: 17px 0;
      li {
        display: block;
        float: left;
        width: 202px;
        height:66px;
        border-right:1px solid #DEE3ED;
        a {
          display: block;
          width: 202px;
          height:66px;

          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          line-height: 67px;
          font-size: 16px;
          cursor: pointer;
          color: #636B7E;
        }
      }
      .firstLi {
        text-align: center;
      }

      .secondLi {
        padding-left:100px;
        background: url("../images/trp/icon1.png") no-repeat -7px 16px;
      }
      .thirdLi {
        padding-left:100px;
        background: url("../images/trp/icon1.png") no-repeat -7px -116px;
      }
      .fourthLi {
        padding-left:91px;
        background: url("../images/trp/icon1.png") no-repeat -9px -250px;
      }

      .fifthLi {
        padding: 10px 21px 0 90px;
        line-height: 22px;
        background: url(../images/trp/icon1.png) no-repeat -11px -384px;
      }
      .lastLi {
        padding: 10px 0px 0 83px;
        line-height: 22px;
        border-right:0;
        background: url("../images/trp/icon1.png") no-repeat -20px -519px;
      }
      li a:hover {
        color: #6B9C33;
        background-image: url("../images/trp/icon2.png");
      }
      li a.firstLi:hover {
        background:none;
      }
      li a.active {
        color: #6B9C33;
        background-image: url("../images/trp/icon2.png");
      }
      li a.firstLi.active {
        background:none;
      }
    }
  }
  .main {
    width: 100%;
    //height: 860px;
    padding-top:  190px;
    padding-bottom:  50px;
    overflow: hidden;
    background: #F5F5F5;
    .inner-box {
      width: 1200px;
      overflow: hidden;
      margin: 0 auto;
      background: #F5F5F5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,.14);
      -moz-box-shadow: 0px 0px 16px rgba(0,0,0,.14);
      box-shadow: 0px 0px 16px rgba(0,0,0,.14);

      .slideL {
        float: left;
        width: 340px;
        height: 100%;
        padding: 42px 50px 0 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        .bra {
          margin-bottom: 24px;
          font-size: 14px;
          color: #636B7E;
          a {
            font-size: 14px;
            color: #636B7E;
          }
          .currentLink {
            position: relative;
            max-width: 94px;
            top: 4px;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
        .picture {
          position: relative;
          width: 240px;
          height: 240px;
          margin-bottom: 30px;
          border: 1px solid #ddd;
          img {
            width: 240px;
            height: 240px;
          }
          i{
            position: absolute;
            bottom:0;
            left:0;
            width: 240px;
            height: 42px;
            background: url("../images/trp/ybdz.png") no-repeat 0 0;
            background-size: cover;
          }
        }
        .qrCode {
          width: 240px;
          padding-top: 30px;
          border-top: 1px solid #DEE3ED;
          img {
            float: left;
            width: 110px;
            height: 110px;
            margin-right:16px;
            border: 1px solid #ddd;
          }
          p {
            padding-top:33px;
            font-size: 14px;
            color: #6B9C33;
          }
        }
      }
      .slideR{
        float: left;
        width: 860px;
        height: 100%;
        padding: 88px 50px 0 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 115px;
        background-color: #fff;
        h1 {
          font-size: 30px;
          color: #426312;
          padding-bottom:25px;
          border-bottom: 1px solid #DEE3ED;
        }
        ul {
          li {
            padding-top: 25px;
          }
          h3 {
            font-size: 14px;
            color: #6B9C33;
          }
          p{
            padding-top: 25px;
            font-size: 14px;
            color: #636B7E;
          }
          .table-box  {
            padding-top: 25px;
            h4 {
              font-size: 14px;
              color:#636B7E;
              padding: 20px 0;
              //line-height: 44px;
              text-align: center;
            }
            .remark {
              font-size: 12px;
              color:#636B7E;
              padding: 20px 0;
            }
          }
          table {
            width: 100%;
            border-spacing: 0;
            text-align: left;
            border-collapse: collapse;
            font-size: 14px;
            color:#636B7E;
          }
          th {
            text-align: center;
            padding: 14px 0;
            border:1px solid #979797;
            background-color: #dee3ed;
          }
          td {
            padding: 20px 22px;
            border:1px solid #979797;
          }

        }
      }
    }
  }
}
